@charset "UTF-8";
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3SZ2oysoEQEeKwjgmXLRnTc.ttf) format("truetype"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzJS3E-kSBmtLoNJPDtbj2Pk.ttf) format("truetype"); }

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: local("Merriweather Light"), local("Merriweather-Light"), url(https://fonts.gstatic.com/s/merriweather/v8/ZvcMqxEwPfh2qDWBPxn6nk7nEl83IKQRaQwpv_tz1Eg.ttf) format("truetype"); }

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local("Merriweather"), url(https://fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EJS3E-kSBmtLoNJPDtbj2Pk.ttf) format("truetype"); }

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local("Merriweather Bold"), local("Merriweather-Bold"), url(https://fonts.gstatic.com/s/merriweather/v8/ZvcMqxEwPfh2qDWBPxn6nv83cGrqhiQgWmjXfohD0fc.ttf) format("truetype"); }

@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url(https://fonts.gstatic.com/s/merriweather/v8/EYh7Vl4ywhowqULgRdYwIGrKw6K5wsYdxr6rUL2ZGaM.ttf) format("truetype"); }

@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local("Merriweather Bold Italic"), local("Merriweather-BoldItalic"), url(https://fonts.gstatic.com/s/merriweather/v8/EYh7Vl4ywhowqULgRdYwII1kRdeHIFWYEsp6A2f99b0.ttf) format("truetype"); }

html {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent; }

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: white;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 1.9em;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased; }
  body.pushed {
    overflow-x: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.04em;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.45em;
  color: #4a4a4a; }

h1,
h2,
h3 {
  margin: 1em 0 1em 0; }

h4,
h5,
h6 {
  margin: 1em 0 0.5em 0; }

h1 {
  font-size: 2.8rem; }

h2 {
  font-size: 2.4rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.8rem; }

h5 {
  font-size: 1.7rem; }

h6 {
  font-size: 1.6rem; }

p {
  margin: 0 0 1.5em 0; }

ul,
ol,
dl {
  margin: 0 0 0.5em 0; }

a, a:hover, a:active, a:visited {
  cursor: pointer;
  color: #349ef3;
  text-decoration: none; }

a:hover {
  color: #349ef3;
  text-decoration: underline; }

table {
  width: 100%;
  background: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left; }
  table th {
    padding: 5px 10px;
    font-weight: bold;
    border-bottom: 2px solid #909ba2; }
  table td {
    padding: 5px 10px; }
  table tr:nth-child(2n) {
    background: #f7f8f8; }

hr {
  margin: 1.5em 0 0;
  outline: none;
  border: none;
  border-top: 1px solid #eef2f8; }

dl dt {
  font-weight: bold; }

dl dd {
  margin-left: 0; }

pre > code {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  font-family: Menlo;
  border: none;
  margin: 0;
  cursor: text;
  overflow-x: auto;
  line-height: 1.7em;
  font-size: 1.4rem; }

code {
  font-size: 1.5rem;
  display: inline-block;
  font-family: Menlo;
  font-weight: 400;
  background-color: #f7f8f8;
  padding: 0 10px; }

acronym,
abbr {
  border-bottom: 1px dotted #5d686f; }

blockquote {
  border-left: 3px solid #5d686f;
  padding: 0 15px;
  font-style: italic;
  margin: 1.5em 0 0; }
  blockquote cite:before {
    content: ' — ';
    padding: 0 0.3em; }
  blockquote > p:first-child {
    margin: 0; }

@media only screen and (max-width: 767px) {
  code {
    font-size: 1.4rem; }
  h1 {
    font-size: 2.6rem; }
  h2 {
    font-size: 2.2rem; }
  h3 {
    font-size: 1.8rem; }
  h4 {
    font-size: 1.6rem; }
  h5 {
    font-size: 1.5rem; }
  h6 {
    font-size: 1.4rem; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  h1 {
    font-size: 2.65rem; }
  h2 {
    font-size: 2.25rem; }
  h3 {
    font-size: 1.85rem; }
  h4 {
    font-size: 1.65rem; }
  h5 {
    font-size: 1.55rem; }
  h6 {
    font-size: 1.45rem; } }

#about {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 26, 35, 0);
  text-align: center;
  line-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 30; }
  #about #about-card {
    position: relative;
    top: -1000px;
    display: block;
    background: white;
    max-width: 400px;
    margin: 15px auto;
    border-radius: 3px;
    padding: 30px 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
    #about #about-card #about-btn-close {
      position: absolute;
      top: 15px;
      right: 15px;
      color: #9eabb3;
      cursor: pointer; }
      #about #about-card #about-btn-close:hover {
        color: #738691; }
    #about #about-card #about-card-picture {
      margin-bottom: 15px; }
    #about #about-card #about-card-name {
      margin-top: 0;
      margin-bottom: 20px; }
    #about #about-card #about-card-bio {
      padding: 0 30px;
      margin: 0 0 30px 0; }
    #about #about-card #about-card-job,
    #about #about-card #about-card-location {
      display: inline-block;
      vertical-align: top; }
    #about #about-card #about-card-job,
    #about #about-card #about-card-location,
    #about #about-card #about-card-bio {
      font-size: 1.6rem;
      line-height: 1.9em;
      font-weight: 400;
      color: #5d686f; }

@media only screen and (max-width: 767px) {
  #about #about-card {
    width: 90%; }
    #about #about-card #about-card-job,
    #about #about-card #about-card-location {
      display: block;
      width: calc(100% - 60px);
      padding: 0 30px; }
    #about #about-card #about-card-picture {
      width: 90px;
      height: 90px;
      border-radius: 45px; }
    #about #about-card #about-card-job {
      margin-bottom: 15px; } }

@media only screen and (min-width: 768px) {
  #about #about-card {
    width: 80%; }
    #about #about-card #about-card-picture {
      width: 110px;
      height: 110px;
      border-radius: 55px; }
    #about #about-card #about-card-job,
    #about #about-card #about-card-location {
      display: inline-block;
      width: calc((100% / 2) - 48px); }
    #about #about-card #about-card-job {
      padding: 0 15px 0 30px; }
    #about #about-card #about-card-location {
      padding: 0 30px 0 15px; } }

#blog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#bottom-bar {
  display: none;
  position: fixed;
  bottom: 0;
  height: 60px;
  background: white;
  margin: 0;
  border-top: 1px solid #eef2f8;
  padding: 0 15px;
  z-index: 40;
  transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out; }

@media only screen and (max-width: 767px) {
  #bottom-bar {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="1"].pushed, #bottom-bar[data-behavior="2"].pushed, #bottom-bar[data-behavior="4"].pushed, #bottom-bar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
    #bottom-bar[data-behavior="3"].pushed, #bottom-bar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #bottom-bar[data-behavior="1"], #bottom-bar[data-behavior="2"], #bottom-bar[data-behavior="3"] {
    width: calc(100% - 75px - 15px * 2);
    left: 75px; }
    #bottom-bar[data-behavior="1"].pushed, #bottom-bar[data-behavior="2"].pushed, #bottom-bar[data-behavior="3"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); }
  #bottom-bar[data-behavior="4"], #bottom-bar[data-behavior="5"] {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="4"].pushed, #bottom-bar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #bottom-bar[data-behavior="6"] {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #bottom-bar[data-behavior="1"], #bottom-bar[data-behavior="2"] {
    width: calc(100% - 250px - 15px * 2);
    left: 250px; }
    #bottom-bar[data-behavior="1"].pushed, #bottom-bar[data-behavior="2"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #bottom-bar[data-behavior="3"] {
    width: calc(100% - 75px - 15px * 2);
    left: 75px; }
    #bottom-bar[data-behavior="3"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); }
  #bottom-bar[data-behavior="4"], #bottom-bar[data-behavior="5"] {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="4"].pushed, #bottom-bar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #bottom-bar[data-behavior="6"] {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1280px) {
  #bottom-bar[data-behavior="1"] {
    width: calc(100% - 500px - 15px * 2);
    left: 500px; }
    #bottom-bar[data-behavior="1"].pushed {
      -webkit-transform: translate3d(500px, 0, 0);
      -moz-transform: translate3d(500px, 0, 0);
      transform: translate3d(500px, 0, 0); }
  #bottom-bar[data-behavior="2"] {
    width: calc(100% - 250px - 15px * 2);
    left: 250px; }
    #bottom-bar[data-behavior="2"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #bottom-bar[data-behavior="3"] {
    width: calc(100% - 75px - 15px * 2);
    left: 75px; }
    #bottom-bar[data-behavior="3"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); }
  #bottom-bar[data-behavior="4"] {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="4"].pushed {
      -webkit-transform: translate3d(500px, 0, 0);
      -moz-transform: translate3d(500px, 0, 0);
      transform: translate3d(500px, 0, 0); }
  #bottom-bar[data-behavior="5"] {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #bottom-bar[data-behavior="6"] {
    width: calc(100% - 15px * 2);
    left: 0; }
    #bottom-bar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

#cover {
  position: fixed;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  z-index: -1; }

#footer {
  color: #9eabb3;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 70px;
  height: auto;
  padding: 20px 20px; }

#header {
  display: block;
  width: 100%;
  height: 55px;
  background: #fff;
  position: fixed;
  top: 0;
  border: 1px solid #eef2f8;
  color: #88909a;
  z-index: 20;
  transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }
  #header #btn-open-sidebar {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer; }
  #header .header-right-picture {
    position: absolute;
    top: 12.5px;
    right: 20px;
    display: block;
    width: 30px;
    height: 30px;
    color: #88909a; }
    #header .header-right-picture .header-picture {
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 15px; }
  #header .header-right-icon {
    position: absolute;
    top: 12.5px;
    right: 20px;
    color: #88909a; }
  #header .header-title {
    text-align: center;
    font-size: 1.6rem;
    line-height: 55px;
    margin: 0; }
    #header .header-title .header-title-link {
      color: #88909a;
      font-weight: normal; }
      #header .header-title .header-title-link:hover, #header .header-title .header-title-link:active {
        color: #6e7681;
        text-decoration: none; }
  #header.header-up {
    -webkit-transform: translate3d(0, -55px, 0);
    -moz-transform: translate3d(0, -55px, 0);
    transform: translate3d(0, -55px, 0); }
  #header[data-behavior="1"].pushed, #header[data-behavior="2"].pushed, #header[data-behavior="4"].pushed, #header[data-behavior="5"].pushed {
    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0); }
  #header[data-behavior="3"].pushed, #header[data-behavior="6"].pushed {
    -webkit-transform: translate3d(75px, 0, 0);
    -moz-transform: translate3d(75px, 0, 0);
    transform: translate3d(75px, 0, 0); }

@media only screen and (min-width: 768px) {
  #header[data-behavior="1"], #header[data-behavior="2"], #header[data-behavior="3"] {
    display: none; } }

@media only screen and (min-width: 1280px) {
  #header[data-behavior="1"].pushed, #header[data-behavior="4"].pushed {
    -webkit-transform: translate3d(500px, 0, 0);
    -moz-transform: translate3d(500px, 0, 0);
    transform: translate3d(500px, 0, 0); }
  #header[data-behavior="2"].pushed, #header[data-behavior="5"].pushed {
    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0); } }

#main {
  display: block;
  min-height: 100%;
  background: #fff;
  transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out; }
  #main.hasCover.hasCoverCaption, #main.hasCover.hasCoverMetaOut {
    padding-top: 50px !important; }
  #main.hasCover.hasCoverMetaIn, #main.hasCover.hasCoverMetaOut.hasCoverCaption {
    padding-top: 0 !important; }

@media only screen and (max-width: 767px) {
  #main {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="1"].pushed, #main[data-behavior="2"].pushed, #main[data-behavior="4"].pushed, #main[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
    #main[data-behavior="3"].pushed, #main[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #main[data-behavior="1"], #main[data-behavior="2"], #main[data-behavior="3"] {
    padding-top: 15px;
    float: right;
    width: calc(100% - 75px); }
  #main[data-behavior="4"], #main[data-behavior="5"] {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="4"].pushed, #main[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #main[data-behavior="6"] {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #main[data-behavior="1"], #main[data-behavior="2"] {
    padding-top: 15px;
    float: right;
    width: calc(100% - 250px); }
  #main[data-behavior="3"] {
    padding-top: 15px;
    float: right;
    width: calc(100% - 75px); }
  #main[data-behavior="4"], #main[data-behavior="5"] {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="4"].pushed, #main[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #main[data-behavior="6"] {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1280px) {
  #main[data-behavior="1"] {
    padding-top: 15px;
    float: right;
    width: calc(100% - 500px); }
  #main[data-behavior="2"] {
    padding-top: 15px;
    float: right;
    width: calc(100% - 250px); }
  #main[data-behavior="3"] {
    padding-top: 15px;
    float: right;
    width: calc(100% - 75px); }
  #main[data-behavior="4"] {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="4"].pushed {
      -webkit-transform: translate3d(500px, 0, 0);
      -moz-transform: translate3d(500px, 0, 0);
      transform: translate3d(500px, 0, 0); }
  #main[data-behavior="5"] {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #main[data-behavior="6"] {
    padding-top: 70px;
    display: block;
    width: 100%; }
    #main[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

#sidebar {
  font-family: "Open Sans", sans-serif;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(17, 26, 35, 0);
  overflow: auto;
  z-index: 20;
  transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  #sidebar .sidebar-container {
    overflow: auto; }
  #sidebar .sidebar-profile {
    color: #ebebeb;
    text-align: center;
    padding-top: 18px;
    margin-bottom: 15px; }
    #sidebar .sidebar-profile .sidebar-profile-picture {
      display: block;
      margin: 0 auto; }
    #sidebar .sidebar-profile .sidebar-profile-name {
      font-size: 1.1em;
      color: #ebebeb; }
  #sidebar ul.sidebar-buttons {
    padding: 0;
    margin: 0 0 20px 0; }
    #sidebar ul.sidebar-buttons li.sidebar-button {
      display: block;
      width: 100%;
      height: 45px;
      line-height: 45px; }
      #sidebar ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        color: #ebebeb;
        display: block;
        height: 100%; }
        #sidebar ul.sidebar-buttons li.sidebar-button .sidebar-button-link:hover, #sidebar ul.sidebar-buttons li.sidebar-button .sidebar-button-link:active {
          text-decoration: none;
          color: white; }
    #sidebar ul.sidebar-buttons:first-child {
      margin-top: 5px; }

@media only screen and (max-width: 767px) {
  #sidebar[data-behavior="1"], #sidebar[data-behavior="2"], #sidebar[data-behavior="4"], #sidebar[data-behavior="5"] {
    left: -250px;
    width: 250px; }
    #sidebar[data-behavior="1"] .sidebar-profile, #sidebar[data-behavior="2"] .sidebar-profile, #sidebar[data-behavior="4"] .sidebar-profile, #sidebar[data-behavior="5"] .sidebar-profile {
      height: 130px;
      padding-top: 40px;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-name {
        font-size: 1.6rem; }
    #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button {
      text-align: left; }
      #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: left;
        width: auto;
        padding-left: 23px;
        padding-top: 0; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle;
          margin-right: 15px; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: inline-block;
          width: auto;
          height: 35px;
          line-height: 35px;
          font-size: 1.5rem;
          letter-spacing: 0.3px;
          vertical-align: middle; }
    #sidebar[data-behavior="1"].pushed, #sidebar[data-behavior="2"].pushed, #sidebar[data-behavior="4"].pushed, #sidebar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #sidebar[data-behavior="3"], #sidebar[data-behavior="6"] {
    left: -75px;
    width: 75px; }
    #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-picture {
      width: 30px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      border-radius: 30px; }
    #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-name {
      display: none; }
    #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button {
      text-align: center; }
      #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: center;
        width: 100%; }
        #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle; }
        #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: none; }
    #sidebar[data-behavior="3"].pushed, #sidebar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #sidebar[data-behavior="1"], #sidebar[data-behavior="2"], #sidebar[data-behavior="3"] {
    width: 75px; }
    #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-picture {
      width: 30px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      border-radius: 30px; }
    #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-name {
      display: none; }
    #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button {
      text-align: center; }
      #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: center;
        width: 100%; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: none; }
    #sidebar[data-behavior="1"].pushed, #sidebar[data-behavior="2"].pushed, #sidebar[data-behavior="3"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); }
  #sidebar[data-behavior="4"], #sidebar[data-behavior="5"] {
    left: -250px;
    width: 250px; }
    #sidebar[data-behavior="4"] .sidebar-profile, #sidebar[data-behavior="5"] .sidebar-profile {
      height: 130px;
      padding-top: 40px;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-name {
        font-size: 1.6rem; }
    #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button {
      text-align: left; }
      #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: left;
        width: auto;
        padding-left: 23px;
        padding-top: 0; }
        #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle;
          margin-right: 15px; }
        #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: inline-block;
          width: auto;
          height: 35px;
          line-height: 35px;
          font-size: 1.5rem;
          letter-spacing: 0.3px;
          vertical-align: middle; }
    #sidebar[data-behavior="4"].pushed, #sidebar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #sidebar[data-behavior="6"] {
    left: -75px;
    width: 75px; }
    #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-picture {
      width: 30px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      border-radius: 30px; }
    #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-name {
      display: none; }
    #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button {
      text-align: center; }
      #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: center;
        width: 100%; }
        #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle; }
        #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: none; }
    #sidebar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #sidebar[data-behavior="1"], #sidebar[data-behavior="2"] {
    width: 250px; }
    #sidebar[data-behavior="1"] .sidebar-profile, #sidebar[data-behavior="2"] .sidebar-profile {
      height: 130px;
      padding-top: 40px;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-name {
        font-size: 1.6rem; }
    #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button {
      text-align: left; }
      #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: left;
        width: auto;
        padding-left: 23px;
        padding-top: 0; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle;
          margin-right: 15px; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: inline-block;
          width: auto;
          height: 35px;
          line-height: 35px;
          font-size: 1.5rem;
          letter-spacing: 0.3px;
          vertical-align: middle; }
    #sidebar[data-behavior="1"].pushed, #sidebar[data-behavior="2"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #sidebar[data-behavior="3"] {
    width: 75px; }
    #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-picture {
      width: 30px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      border-radius: 30px; }
    #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-name {
      display: none; }
    #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button {
      text-align: center; }
      #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: center;
        width: 100%; }
        #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle; }
        #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: none; }
    #sidebar[data-behavior="3"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); }
  #sidebar[data-behavior="4"], #sidebar[data-behavior="5"] {
    left: -250px;
    width: 250px; }
    #sidebar[data-behavior="4"] .sidebar-profile, #sidebar[data-behavior="5"] .sidebar-profile {
      height: 130px;
      padding-top: 40px;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-picture, #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-name, #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-name {
        font-size: 1.6rem; }
    #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button {
      text-align: left; }
      #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: left;
        width: auto;
        padding-left: 23px;
        padding-top: 0; }
        #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle;
          margin-right: 15px; }
        #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc, #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: inline-block;
          width: auto;
          height: 35px;
          line-height: 35px;
          font-size: 1.5rem;
          letter-spacing: 0.3px;
          vertical-align: middle; }
    #sidebar[data-behavior="4"].pushed, #sidebar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #sidebar[data-behavior="6"] {
    left: -75px;
    width: 75px; }
    #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-picture {
      width: 30px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      border-radius: 30px; }
    #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-name {
      display: none; }
    #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button {
      text-align: center; }
      #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: center;
        width: 100%; }
        #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle; }
        #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: none; }
    #sidebar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1280px) {
  #sidebar[data-behavior="1"] {
    width: 500px;
    box-sizing: border-box;
    padding: 0 80px; }
    #sidebar[data-behavior="1"] .sidebar-container {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
    #sidebar[data-behavior="1"] .sidebar-profile {
      padding-top: 0;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-bio,
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-job,
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-location {
        font-weight: 400;
        font-size: 1.6rem;
        color: #ebebeb; }
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-job,
      #sidebar[data-behavior="1"] .sidebar-profile .sidebar-profile-location {
        margin-top: 0;
        width: 49%;
        display: inline-block; }
    #sidebar[data-behavior="1"] ul.sidebar-buttons {
      width: 49%;
      vertical-align: top;
      display: inline-block; }
      #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button {
        text-align: left;
        box-sizing: border-box; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
          text-align: left;
          width: auto;
          padding-top: 0;
          white-space: nowrap; }
          #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
            font-size: 2rem;
            float: left;
            text-align: center;
            width: 30px;
            height: 35px;
            line-height: 35px;
            padding-top: 0;
            vertical-align: middle;
            margin-right: 15px; }
          #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
            display: block;
            width: auto;
            height: 35px;
            line-height: 35px;
            font-size: 1.5rem;
            letter-spacing: 0.3px;
            vertical-align: middle;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
        #sidebar[data-behavior="1"] ul.sidebar-buttons li.sidebar-button:nth-child(odd) {
          padding-right: 20px; }
    #sidebar[data-behavior="1"].pushed {
      -webkit-transform: translate3d(500px, 0, 0);
      -moz-transform: translate3d(500px, 0, 0);
      transform: translate3d(500px, 0, 0); }
  #sidebar[data-behavior="2"] {
    width: 250px; }
    #sidebar[data-behavior="2"] .sidebar-profile {
      height: 130px;
      padding-top: 40px;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="2"] .sidebar-profile .sidebar-profile-name {
        font-size: 1.6rem; }
    #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button {
      text-align: left; }
      #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: left;
        width: auto;
        padding-left: 23px;
        padding-top: 0; }
        #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle;
          margin-right: 15px; }
        #sidebar[data-behavior="2"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: inline-block;
          width: auto;
          height: 35px;
          line-height: 35px;
          font-size: 1.5rem;
          letter-spacing: 0.3px;
          vertical-align: middle; }
    #sidebar[data-behavior="2"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #sidebar[data-behavior="3"] {
    width: 75px; }
    #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-picture {
      width: 30px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      border-radius: 30px; }
    #sidebar[data-behavior="3"] .sidebar-profile .sidebar-profile-name {
      display: none; }
    #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button {
      text-align: center; }
      #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: center;
        width: 100%; }
        #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle; }
        #sidebar[data-behavior="3"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: none; }
    #sidebar[data-behavior="3"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); }
  #sidebar[data-behavior="4"] {
    left: -500px;
    width: 500px;
    box-sizing: border-box;
    padding: 0 80px; }
    #sidebar[data-behavior="4"] .sidebar-container {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
    #sidebar[data-behavior="4"] .sidebar-profile {
      padding-top: 0;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-bio,
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-job,
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-location {
        font-weight: 400;
        font-size: 1.6rem;
        color: #ebebeb; }
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-job,
      #sidebar[data-behavior="4"] .sidebar-profile .sidebar-profile-location {
        margin-top: 0;
        width: 49%;
        display: inline-block; }
    #sidebar[data-behavior="4"] ul.sidebar-buttons {
      width: 49%;
      vertical-align: top;
      display: inline-block; }
      #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button {
        text-align: left;
        box-sizing: border-box; }
        #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
          text-align: left;
          width: auto;
          padding-top: 0;
          white-space: nowrap; }
          #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
            font-size: 2rem;
            float: left;
            text-align: center;
            width: 30px;
            height: 35px;
            line-height: 35px;
            padding-top: 0;
            vertical-align: middle;
            margin-right: 15px; }
          #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
            display: block;
            width: auto;
            height: 35px;
            line-height: 35px;
            font-size: 1.5rem;
            letter-spacing: 0.3px;
            vertical-align: middle;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
        #sidebar[data-behavior="4"] ul.sidebar-buttons li.sidebar-button:nth-child(odd) {
          padding-right: 20px; }
    #sidebar[data-behavior="4"].pushed {
      -webkit-transform: translate3d(500px, 0, 0);
      -moz-transform: translate3d(500px, 0, 0);
      transform: translate3d(500px, 0, 0); }
  #sidebar[data-behavior="5"] {
    left: -250px;
    width: 250px; }
    #sidebar[data-behavior="5"] .sidebar-profile {
      height: 130px;
      padding-top: 40px;
      padding-bottom: 7.5px; }
      #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-picture {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        margin-bottom: 5px; }
      #sidebar[data-behavior="5"] .sidebar-profile .sidebar-profile-name {
        font-size: 1.6rem; }
    #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button {
      text-align: left; }
      #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: left;
        width: auto;
        padding-left: 23px;
        padding-top: 0; }
        #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle;
          margin-right: 15px; }
        #sidebar[data-behavior="5"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: inline-block;
          width: auto;
          height: 35px;
          line-height: 35px;
          font-size: 1.5rem;
          letter-spacing: 0.3px;
          vertical-align: middle; }
    #sidebar[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  #sidebar[data-behavior="6"] {
    left: -75px;
    width: 75px; }
    #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-picture {
      width: 30px;
      height: 30px;
      line-height: 30px;
      vertical-align: middle;
      border-radius: 30px; }
    #sidebar[data-behavior="6"] .sidebar-profile .sidebar-profile-name {
      display: none; }
    #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button {
      text-align: center; }
      #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link {
        text-align: center;
        width: 100%; }
        #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-icon {
          font-size: 2rem;
          display: inline-block;
          text-align: center;
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding-top: 0;
          vertical-align: middle; }
        #sidebar[data-behavior="6"] ul.sidebar-buttons li.sidebar-button .sidebar-button-link .sidebar-button-desc {
          display: none; }
    #sidebar[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); }
  #sidebar[data-behavior="2"] .sidebar-profile-bio, #sidebar[data-behavior="3"] .sidebar-profile-bio, #sidebar[data-behavior="5"] .sidebar-profile-bio, #sidebar[data-behavior="6"] .sidebar-profile-bio {
    display: none; } }

@media only screen and (max-width: 1279px) {
  #sidebar .sidebar-profile-bio {
    display: none; } }

.alert {
  position: relative;
  text-align: left;
  padding: 10px 15px;
  min-height: 30px;
  margin: 1em 0 0;
  border: none;
  border-left: 3px solid; }
  .alert p {
    margin: 1.5em 0 0; }
    .alert p:first-child {
      margin: 0; }
  .alert:not(.no-icon) {
    padding-left: 55px; }
    .alert:not(.no-icon):before {
      position: absolute;
      top: 10px;
      left: 15px;
      font-family: 'FontAwesome';
      font-size: 2.5rem; }
  .alert.info {
    border-color: #349ef3;
    background-color: #e6f3fe; }
    .alert.info:not(.no-icon):before {
      content: "\f05a";
      color: #349ef3; }
  .alert.success {
    border-color: #4dc657;
    background-color: #effaf0;
    content: "\f058"; }
    .alert.success:not(.no-icon):before {
      content: "\f058";
      color: #4dc657; }
  .alert.warning {
    border-color: #f5aa0a;
    background-color: #fdf1d8; }
    .alert.warning:not(.no-icon):before {
      content: "\f071";
      color: #f5aa0a; }
  .alert.danger {
    border-color: #f5311d;
    background-color: #feecea; }
    .alert.danger:not(.no-icon):before {
      content: "\f05e";
      color: #f5311d; }

.archive-result {
  display: none; }

.archive .archive-title {
  color: #5d686f; }
  .archive .archive-title:hover {
    text-decoration: underline; }

.archive .archive-posts {
  list-style: none; }
  .archive .archive-posts .archive-post .archive-post-title {
    margin-left: 10px;
    color: #5d686f; }
    .archive .archive-posts .archive-post .archive-post-title:hover {
      text-decoration: underline; }
  .archive .archive-posts .archive-post .archive-post-date {
    color: #9eabb3; }
  .archive .archive-posts .archive-post::before {
    font-family: 'FontAwesome';
    content: '\f0da';
    font-size: 1.3rem; }

.boxes {
  margin-top: 20px; }
  .boxes .box:nth-child(n + 2) {
    margin-top: 20px; }

.box {
  border-bottom: 1px solid #eef2f8; }

.btn {
  width: auto;
  height: auto;
  background: white;
  border-radius: 3px;
  padding: 8px 15px;
  margin: 0;
  letter-spacing: 0.01em;
  font-size: 1.6rem;
  cursor: pointer; }
  .btn:hover, .btn:focus, .btn:active {
    text-decoration: none; }

.btn--disabled,
.btn--disabled:hover {
  color: #bbc4c9 !important;
  border: 1px solid #bbc4c9;
  cursor: not-allowed;
  text-decoration: none; }

.btn--default {
  color: #9eabb3 !important;
  border: 1px solid #9eabb3; }
  .btn--default:hover {
    color: #738691 !important;
    border: 1px solid #738691; }

.btn--success {
  color: #4dc657 !important;
  border: 1px solid #4dc657; }
  .btn--success:hover {
    color: #309639 !important;
    border: 1px solid #309639; }

.btn--primary {
  color: #349ef3 !important;
  border: 1px solid #349ef3; }
  .btn--primary:hover {
    color: #0c78ce !important;
    border: 1px solid #0c78ce; }

.btn--danger {
  color: #f5311d !important;
  border: 1px solid #f5311d; }
  .btn--danger:hover {
    color: #bd1908 !important;
    border: 1px solid #bd1908; }

.btn--medium {
  font-size: 1.5rem;
  padding: 8px 15px; }

.btn--small {
  font-size: 1.3rem;
  padding: 8px 15px; }

.caption {
  display: block;
  font-family: "Merriweather", serif;
  font-size: 1.3rem;
  color: #81929d;
  text-align: center;
  font-style: italic;
  padding-right: 10px;
  padding-left: 10px; }

figure.highlight,
.codeblock {
  margin: 10px 0;
  line-height: 1.3em;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden; }
  figure.highlight table,
  .codeblock table {
    display: block;
    width: 100%; }
  figure.highlight pre,
  figure.highlight .gutter,
  figure.highlight .code,
  figure.highlight .tag,
  .codeblock pre,
  .codeblock .gutter,
  .codeblock .code,
  .codeblock .tag {
    background-color: inherit;
    font-family: Menlo;
    border: none;
    padding: 0;
    margin: 0;
    cursor: text; }
  figure.highlight .gutter,
  figure.highlight .code,
  .codeblock .gutter,
  .codeblock .code {
    vertical-align: top; }
  figure.highlight.plain .gutter,
  .codeblock.plain .gutter {
    display: none; }
  figure.highlight figcaption,
  .codeblock figcaption {
    font-size: 1.3rem;
    padding: 0 15px 20px;
    margin: 0; }
    figure.highlight figcaption a,
    .codeblock figcaption a {
      float: right; }
  figure.highlight .gutter,
  .codeblock .gutter {
    border-right: 1px solid;
    padding: 0.3em 15px; }
  figure.highlight .code,
  .codeblock .code {
    padding: 0.3em 15px 0.3em 1em;
    width: 100%; }
    figure.highlight .code pre,
    .codeblock .code pre {
      max-width: calc(750px - 50px);
      overflow-x: auto;
      overflow-y: hidden; }
  figure.highlight .line,
  .codeblock .line {
    height: 1.3em;
    font-size: 1.4rem; }

.codeblock--tabbed figure.highlight,
.codeblock--tabbed pre > code {
  margin-bottom: 0;
  padding-bottom: 0; }

.codeblock--tabbed figcaption a, .codeblock--tabbed figcaption span {
  float: left !important; }

.codeblock--tabbed figcaption .tabs {
  float: right; }
  .codeblock--tabbed figcaption .tabs .tab {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    padding: 0 7px; }
    .codeblock--tabbed figcaption .tabs .tab:last-child {
      margin-right: 0; }

.gist .line,
.gist .line-number {
  font-family: Menlo;
  font-size: 1em;
  margin: 0 0 5px 0; }

.figure.clear {
  clear: both; }

.figure.center {
  width: calc(100% - 4px);
  margin: 2px auto; }
  .figure.center .fig-img {
    margin: 2px auto; }

.figure.left, .figure.fig-20, .figure.fig-25, .figure.fig-33, .figure.fig-50, .figure.fig-75 {
  float: left;
  margin: 2px; }

.figure.right {
  float: right;
  margin: 2px; }

.figure.fig-20 {
  width: calc(20% - 4px); }

.figure.fig-25 {
  width: calc(25% - 4px); }

.figure.fig-33 {
  width: calc(33.3% - 4px); }

.figure.fig-50 {
  width: calc(50% - 4px); }

.figure.fig-75 {
  width: calc(75% - 4px); }

.figure.fig-100 {
  width: calc(100% - 4px);
  margin: 2px; }

.figure.figure--fullWidth {
  width: 100%; }
  .figure.figure--fullWidth .figure-img {
    margin: 0 auto; }

@media only screen and (max-width: 767px) {
  .fig-33 .caption, .fig-25 .caption, .fig-20 .caption {
    display: none; } }

.form-control {
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  color: #5d686f;
  font-weight: 300; }
  .form-control:hover, .form-control:focus {
    outline: none; }

.input--large {
  height: auto;
  padding: 10px 0;
  font-size: 18px;
  line-height: 21px; }

.input--xlarge {
  height: auto;
  padding: 10px 0;
  font-size: 25px;
  line-height: 30px; }

.hide {
  display: none; }

@media only screen and (max-width: 479px) {
  .hide-xs {
    display: none; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hide-sm {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .hide-md {
    display: none; } }

@media only screen and (min-width: 1024px) {
  .hide-lg {
    display: none; } }

.highlight-text {
  display: inline;
  padding: 3px; }
  .highlight-text.red {
    background-color: #ffe6e6; }
  .highlight-text.green {
    background-color: #cdffcd; }
  .highlight-text.blue {
    background-color: #e6e6ff; }
  .highlight-text.purple {
    background-color: #ffe6ff; }
  .highlight-text.orange {
    background-color: #ffedcc; }
  .highlight-text.yellow {
    background-color: #ffffcc; }
  .highlight-text.cyan {
    background-color: #ccffff; }
  .highlight-text.primary {
    background-color: #ddeffd; }
  .highlight-text.success {
    background-color: #d4f1d7; }
  .highlight-text.warning {
    background-color: #fdeece; }
  .highlight-text.danger {
    background-color: #fee3e0; }

.icon-mt {
  margin-top: 10px; }

.icon-mr {
  margin-right: 10px; }

.icon-mb {
  margin-bottom: 10px; }

.icon-ml {
  margin-left: 10px; }

.image-gallery {
  display: block;
  position: relative;
  height: auto;
  overflow: hidden;
  margin-bottom: 30px; }
  .image-gallery .image-gallery-metabar {
    position: absolute;
    bottom: 0;
    width: calc(100% - (1.5em) * 2);
    font-family: "Open Sans";
    font-style: italic;
    background: rgba(0, 0, 0, 0.75);
    font-size: 1.3rem;
    color: white;
    padding: 0.5em 1.5em;
    z-index: 1; }
  .image-gallery .image-gallery-photos .photo-box {
    float: left;
    position: relative;
    overflow: hidden;
    display: none; }
    .image-gallery .image-gallery-photos .photo-box:first-child {
      display: block;
      width: 100%;
      padding-bottom: 56.25%; }
    .image-gallery .image-gallery-photos .photo-box .photo-box-inner {
      position: absolute;
      overflow: hidden; }
      .image-gallery .image-gallery-photos .photo-box .photo-box-inner .photo {
        width: 100%;
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in; }
  .image-gallery .image-gallery-photos--thumbnail .photo-box {
    display: block;
    width: 50%;
    padding-bottom: 30%; }
    .image-gallery .image-gallery-photos--thumbnail .photo-box:first-child {
      width: 100%;
      padding-bottom: 40%;
      margin-bottom: 2px; }
    .image-gallery .image-gallery-photos--thumbnail .photo-box:nth-child(2) {
      margin-right: 2px;
      width: calc(50% - 2px); }
    .image-gallery .image-gallery-photos--thumbnail .photo-box:nth-child(n + 4) {
      display: none; }

a.link-unstyled, a.link-unstyled:hover, a.link-unstyled:active {
  cursor: pointer !important;
  color: inherit !important;
  text-decoration: none !important; }

a.link-unstyled a.link, a.link-unstyled a.link:hover, a.link-unstyled a.link:active {
  text-decoration: underline !important; }

a.fancybox {
  cursor: zoom-in !important; }

.main-content-wrap {
  display: block;
  max-width: 750px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px; }

@media only screen and (min-width: 1024px) {
  .markdown h1 {
    font-size: 3rem; }
  .markdown h2 {
    font-size: 2.7rem; }
  .markdown h3 {
    font-size: 2.4rem; }
  .markdown h4 {
    font-size: 2.1rem; }
  .markdown h5 {
    font-size: 1.9rem; }
  .markdown h6 {
    font-size: 1.7rem; } }

@media only screen and (max-width: 767px) {
  .markdown h1 {
    font-size: 2.65rem; }
  .markdown h2 {
    font-size: 2.35rem; }
  .markdown h3 {
    font-size: 2.05rem; }
  .markdown h4 {
    font-size: 1.75rem; }
  .markdown h5 {
    font-size: 1.55rem; }
  .markdown h6 {
    font-size: 1.35rem; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .markdown h1 {
    font-size: 2.8rem; }
  .markdown h2 {
    font-size: 2.5rem; }
  .markdown h3 {
    font-size: 2.2rem; }
  .markdown h4 {
    font-size: 1.9rem; }
  .markdown h5 {
    font-size: 1.7rem; }
  .markdown h6 {
    font-size: 1.5rem; } }

.media-body, .media-left {
  display: table-cell;
  vertical-align: top; }

.media-left {
  float: left;
  padding-right: 15px; }

.media-body {
  width: 100%; }

.media-heading {
  margin: 0 0 -5px; }

.media-meta {
  color: #9eabb3; }

.media-content {
  color: #5d686f; }

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 1010; }

.modal {
  width: 100%;
  height: 100%;
  max-width: 750px;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: hidden; }
  .modal-header {
    position: relative;
    padding: 10px 15px 0;
    background: white;
    border-bottom: 1px solid #eef2f8; }
  .modal-body {
    position: relative;
    padding: 0 15px;
    overflow-y: auto;
    background: white; }
  .modal-footer {
    height: 50px;
    padding: 0 15px;
    background: white;
    border-top: 1px solid #eef2f8; }
  .modal .close-button {
    position: absolute;
    top: 9px;
    right: 15px;
    color: #5d686f;
    cursor: pointer; }

.overlay {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1009;
  overflow: hidden; }

@media only screen and (min-width: 768px) {
  .modal-container {
    padding: 50px 0;
    left: 50%;
    transform: translateX(-50%); }
  .modal {
    border-radius: 5px; } }

.pagination-bar {
  height: auto;
  width: 100%;
  height: 60px; }
  .pagination-bar .pagination {
    height: 60px;
    line-height: 60px;
    display: block;
    list-style: none;
    padding: 0 10px;
    width: auto; }
    .pagination-bar .pagination .pagination-prev,
    .pagination-bar .pagination .pagination-next {
      float: left;
      margin-right: 10px; }
    .pagination-bar .pagination .pagination-number {
      float: right;
      font-size: 1.3rem;
      color: #9eabb3; }

.post {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  .post .post-header .post-title {
    margin: 0;
    word-break: initial;
    overflow: hidden; }
    .post .post-header .post-title:hover {
      text-decoration: none; }
  .post .post-meta {
    line-height: 1.5em;
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    color: #9eabb3; }
    .post .post-meta a {
      color: #9eabb3; }
  .post .post-content {
    text-rendering: optimizelegibility;
    letter-spacing: -0.3px;
    font-family: "Merriweather", serif;
    color: #5d686f;
    margin-top: 20px;
    font-weight: 400;
    overflow: hidden;
    -webkit-hypens: auto;
    -moz-hypens: auto;
    hypens: auto; }
    .post .post-content img {
      display: block;
      width: auto;
      max-width: 100%; }
    .post .post-content :not(blockquote):not(.alert) > p {
      margin: 1.5em 0 0 0; }
  .post .post-footer {
    margin-top: 20px; }
    .post .post-footer-tags {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #eef2f8; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .post .post-header .post-title {
    font-size: 3.3rem; } }

@media only screen and (min-width: 1024px) {
  .post .post-header .post-title {
    font-size: 3.7rem; } }

@media only screen and (min-width: 768px) {
  .post-content {
    font-size: 1.7rem; } }

.post-actions-wrap {
  height: 60px;
  padding: 0;
  line-height: 60px;
  clear: both; }
  .post-actions-wrap ul.post-actions {
    float: left;
    padding-left: 0;
    margin-top: 0;
    list-style: none; }
    .post-actions-wrap ul.post-actions li.post-action {
      width: auto;
      text-align: center; }
  .post-actions-wrap ul.post-action-nav {
    width: 45%;
    z-index: 42; }
    .post-actions-wrap ul.post-action-nav li.post-action {
      float: left;
      min-width: 42px; }
      .post-actions-wrap ul.post-action-nav li.post-action:last-child .post-action-btn {
        margin-left: 15px; }
  .post-actions-wrap ul.post-action-share {
    width: 55%;
    z-index: 41; }
    .post-actions-wrap ul.post-action-share li.post-action {
      float: right; }
      .post-actions-wrap ul.post-action-share li.post-action:nth-child(n + 3) .post-action-btn {
        margin-right: 15px; }

@media only screen and (max-width: 767px) {
  .post-actions-wrap ul.post-action-nav {
    width: 25%; }
  .post-actions-wrap ul.post-action-share {
    width: 75%; } }

@media only screen and (max-width: 479px) {
  .post-actions-wrap ul.post-action-nav {
    width: 35%; }
  .post-actions-wrap ul.post-action-share {
    width: 65%; } }

.pullquote {
  text-align: left;
  font-style: italic;
  margin: 1.5em 0 0; }
  .pullquote.left, .pullquote.figure.fig-20, .pullquote.figure.fig-25, .pullquote.figure.fig-33, .pullquote.figure.fig-50, .pullquote.figure.fig-75 {
    width: 45%;
    float: left;
    margin: 1.5em 35px 1.5em 0; }
  .pullquote.right {
    width: 45%;
    float: right;
    margin: 1.5em 0 1.5em 35px; }
  .pullquote.blur {
    background-color: #eef0f1; }

.post-header .post-title {
  margin: 0;
  word-break: initial;
  overflow: hidden; }
  .post-header .post-title:hover {
    text-decoration: none; }

.post-header-cover {
  display: table;
  position: relative;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  padding: calc(55px + 30px) 0 30px 0;
  height: 100%;
  z-index: 15;
  transition: transform .25s ease-in-out;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }
  .post-header-cover .post-header {
    display: table-cell;
    vertical-align: middle; }
    .post-header-cover .post-header .post-title {
      max-width: 750px;
      margin: 0 auto;
      color: white;
      text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9);
      margin-bottom: 20px; }
      .post-header-cover .post-header .post-title:hover {
        text-decoration: none; }
    .post-header-cover .post-header .post-meta {
      max-width: 750px;
      font-family: "Open Sans", sans-serif;
      font-size: 1.6rem;
      color: white !important;
      font-weight: 400;
      letter-spacing: 0.05em;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
      margin: 0 auto; }
      .post-header-cover .post-header .post-meta a {
        color: white; }

.post-header-cover.post-header-cover--partial {
  height: 60%; }

.post-header-cover-caption {
  margin: 5px 0 50px 0; }

@media only screen and (max-width: 479px) {
  .post-header-cover .post-header .post-title {
    font-size: 2.8rem; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .post-header-cover .post-header .post-title {
    font-size: 3.3rem; } }

@media only screen and (max-width: 767px) {
  .post-header-cover {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="1"].pushed, .post-header-cover[data-behavior="2"].pushed, .post-header-cover[data-behavior="4"].pushed, .post-header-cover[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
    .post-header-cover[data-behavior="3"].pushed, .post-header-cover[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .post-header-cover .post-header .post-title {
    font-size: 5.8rem;
    line-height: 1.3em; }
  .post-header-cover[data-behavior="1"], .post-header-cover[data-behavior="2"], .post-header-cover[data-behavior="3"] {
    width: calc(100% - 75px);
    left: 75px; }
  .post-header-cover[data-behavior="4"], .post-header-cover[data-behavior="5"] {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="4"].pushed, .post-header-cover[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  .post-header-cover[data-behavior="6"] {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .post-header-cover .post-header .post-title {
    font-size: 6.5rem;
    line-height: 1.3em; }
  .post-header-cover[data-behavior="1"], .post-header-cover[data-behavior="2"] {
    width: calc(100% - 250px);
    left: 250px; }
  .post-header-cover[data-behavior="3"] {
    width: calc(100% - 75px);
    left: 75px; }
  .post-header-cover[data-behavior="4"], .post-header-cover[data-behavior="5"] {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="4"].pushed, .post-header-cover[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  .post-header-cover[data-behavior="6"] {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

@media only screen and (min-width: 1280px) {
  .post-header-cover .post-header .post-title {
    font-size: 6.5rem;
    line-height: 1.3em; }
  .post-header-cover[data-behavior="1"] {
    width: calc(100% - 500px);
    left: 500px; }
  .post-header-cover[data-behavior="2"] {
    width: calc(100% - 250px);
    left: 250px; }
  .post-header-cover[data-behavior="3"] {
    width: calc(100% - 75px);
    left: 75px; }
  .post-header-cover[data-behavior="4"] {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="4"].pushed {
      -webkit-transform: translate3d(500px, 0, 0);
      -moz-transform: translate3d(500px, 0, 0);
      transform: translate3d(500px, 0, 0); }
  .post-header-cover[data-behavior="5"] {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="5"].pushed {
      -webkit-transform: translate3d(250px, 0, 0);
      -moz-transform: translate3d(250px, 0, 0);
      transform: translate3d(250px, 0, 0); }
  .post-header-cover[data-behavior="6"] {
    width: 100%;
    left: 0; }
    .post-header-cover[data-behavior="6"].pushed {
      -webkit-transform: translate3d(75px, 0, 0);
      -moz-transform: translate3d(75px, 0, 0);
      transform: translate3d(75px, 0, 0); } }

.postShorten-group .postShorten {
  margin-top: 15px;
  border-bottom: 1px solid #eef2f8; }

.postShorten {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  .postShorten .postShorten-thumbnailimg {
    overflow: hidden; }
  .postShorten .postShorten-header .postShorten-title {
    margin: 0;
    word-break: initial;
    overflow: hidden; }
    .postShorten .postShorten-header .postShorten-title:hover {
      text-decoration: none; }
  .postShorten .postShorten-meta {
    line-height: 1.5em; }
    .postShorten .postShorten-meta a {
      color: #9eabb3; }
  .postShorten .postShorten-meta,
  .postShorten .postShorten-readingtime {
    color: #9eabb3; }
  .postShorten .postShorten-excerpt_link {
    margin-top: -15px; }
  .postShorten .postShorten-meta,
  .postShorten .postShorten-readingtime,
  .postShorten .postShorten-excerpt_link {
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 400; }
  .postShorten .postShorten-excerpt,
  .postShorten .postShorten-content {
    text-rendering: optimizelegibility;
    letter-spacing: -0.3px;
    font-family: "Merriweather", serif;
    color: #5d686f;
    font-weight: 400;
    overflow: hidden;
    -webkit-hypens: auto;
    -moz-hypens: auto;
    hypens: auto; }
    .postShorten .postShorten-excerpt img,
    .postShorten .postShorten-content img {
      display: block;
      width: auto;
      max-width: 100%; }
  .postShorten .postShorten-excerpt {
    margin-top: 15px; }
  .postShorten .postShorten-content {
    margin-top: 25px; }

@media only screen and (max-width: 479px) {
  .postShorten .postShorten-thumbnailimg {
    display: none; }
    .postShorten .postShorten-thumbnailimg img {
      display: none; } }

@media only screen and (min-width: 480px) {
  .postShorten.postShorten--thumbnailimg-right .postShorten-thumbnailimg {
    float: right;
    margin: 5px 0 30px 15px; }
    .postShorten.postShorten--thumbnailimg-right .postShorten-thumbnailimg img {
      display: block;
      width: 140px;
      height: 140px;
      object-fit: cover;
      overflow: hidden; }
  .postShorten.postShorten--thumbnailimg-right .postShorten-wrap {
    float: left;
    width: calc(100% - 140px - 20px); }
  .postShorten.postShorten--thumbnailimg-left .postShorten-thumbnailimg {
    float: left;
    margin: 5px 15px 30px 0; }
    .postShorten.postShorten--thumbnailimg-left .postShorten-thumbnailimg img {
      display: block;
      width: 140px;
      height: 140px;
      object-fit: cover;
      overflow: hidden; }
  .postShorten.postShorten--thumbnailimg-left .postShorten-wrap {
    float: right;
    width: calc(100% - 140px - 20px); }
  .postShorten.postShorten--thumbnailimg-top .postShorten-thumbnailimg {
    margin-top: 5px; }
  .postShorten.postShorten--thumbnailimg-bottom .postShorten-wrap {
    display: block;
    width: 100%; }
  .postShorten.postShorten--thumbnailimg-bottom .postShorten-excerpt > p {
    margin-bottom: 0; }
  .postShorten.postShorten--thumbnailimg-bottom .postShorten-thumbnailimg {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 15px 0 15px 0; }
    .postShorten.postShorten--thumbnailimg-bottom .postShorten-thumbnailimg img {
      width: auto;
      height: auto; } }

.share-options-bar {
  position: fixed;
  bottom: -156px;
  background: white;
  height: 155px;
  clear: both;
  border-top: 1px solid #eef2f8;
  transition: transform .25s ease-in-out;
  z-index: 50;
  -webkit-transition: -webkit-transform .25s ease-in-out; }
  .share-options-bar.opened {
    -webkit-transform: translate3d(0, -155px, 0);
    -moz-transform: translate3d(0, -155px, 0);
    transform: translate3d(0, -155px, 0); }
  .share-options-bar .share-options {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none; }
    .share-options-bar .share-options .share-option:first-child .share-option-btn {
      padding: 20px 0 10px 0; }
    .share-options-bar .share-options .share-option:last-child .share-option-btn {
      padding: 10px 0 20px 0; }
    .share-options-bar .share-options .share-option .share-option-btn {
      color: #6e7681;
      display: block;
      width: 100%;
      padding: 10px 0 10px 0; }
      .share-options-bar .share-options .share-option .share-option-btn .fa {
        margin-right: 15px; }

.share-options-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 30; }

@media only screen and (max-width: 767px) {
  .share-options-bar {
    width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .share-options-bar[data-behavior="1"], .share-options-bar[data-behavior="2"], .share-options-bar[data-behavior="3"] {
    width: calc(100% - 75px);
    left: 75px; }
  .share-options-bar[data-behavior="4"], .share-options-bar[data-behavior="5"], .share-options-bar[data-behavior="6"] {
    width: 100%; } }

@media only screen and (min-width: 1024px) {
  .share-options-bar[data-behavior="1"], .share-options-bar[data-behavior="2"] {
    width: calc(100% - 250px);
    left: 250px; }
  .share-options-bar[data-behavior="3"] {
    width: calc(100% - 75px);
    left: 75px; }
  .share-options-bar[data-behavior="4"], .share-options-bar[data-behavior="5"], .share-options-bar[data-behavior="6"] {
    width: 100%; } }

a.tag,
.tag {
  display: inline-block;
  background: #fff;
  width: auto;
  height: auto;
  border-radius: 3px;
  letter-spacing: 0.01em;
  cursor: pointer;
  margin: 0;
  margin-right: 4px;
  margin-bottom: 7px; }

a.tag--default,
.tag--default {
  color: #9eabb3 !important;
  border: 1px solid #9eabb3; }
  a.tag--default:hover,
  .tag--default:hover {
    color: #738691 !important;
    border: 1px solid #738691;
    text-decoration: none; }

a.tag--success,
.tag--success {
  color: #4dc657 !important;
  border: 1px solid #4dc657; }
  a.tag--success:hover,
  .tag--success:hover {
    color: #309639 !important;
    border: 1px solid #309639;
    text-decoration: none; }

a.tag--primary,
.tag--primary {
  color: #349ef3 !important;
  border: 1px solid #349ef3; }
  a.tag--primary:hover,
  .tag--primary:hover {
    color: #0c78ce !important;
    border: 1px solid #0c78ce;
    text-decoration: none; }

a.tag--danger,
.tag--danger {
  color: #f5311d !important;
  border: 1px solid #f5311d; }
  a.tag--danger:hover,
  .tag--danger:hover {
    color: #bd1908 !important;
    border: 1px solid #bd1908;
    text-decoration: none; }

a.tag--default,
.tag--default {
  font-size: 1.3rem;
  padding: 4.5px 15px; }

a.tag--small,
.tag--small {
  font-size: 1.3rem;
  padding: 2px 10px; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-xsmall {
  font-size: 1rem !important; }

.text-small {
  font-size: 1.3rem !important; }

.text-medium {
  font-size: 1.5rem !important; }

.text-base {
  font-size: 1.6rem !important; }

.text-large {
  font-size: 1.7rem !important; }

.text-xlarge {
  font-size: 1.8rem !important; }

.text-strong {
  font-weight: 700 !important; }

.text-regular {
  font-weight: 400 !important; }

.text-light {
  font-weight: 300 !important; }

.text-italic {
  font-style: italic !important; }

.text-underline {
  text-decoration: underline !important; }

.text-underline-hover:hover {
  text-decoration: underline !important; }

.text-color-base {
  color: #5d686f !important; }

.text-color-light {
  color: #9eabb3 !important; }

.text-color-link {
  color: #349ef3 !important; }

.font-merryweather {
  font-family: "Merriweather", serif; }

.tooltip, [data-tooltip] {
  position: relative;
  cursor: pointer; }
  .tooltip:before, [data-tooltip]:before {
    z-index: 1000;
    border: 6px solid transparent;
    background: transparent;
    content: ""; }
  .tooltip:after, [data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    min-width: 180px;
    background-color: rgba(0, 0, 20, 0.93);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 0.93em;
    line-height: 1.9em;
    border-radius: 5px; }
  .tooltip:before, [data-tooltip]:before, .tooltip:after, [data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none; }
  .tooltip:hover:before, [data-tooltip]:hover:before, .tooltip:hover:after, [data-tooltip]:hover:after, .tooltip:focus:before, [data-tooltip]:focus:before, .tooltip:focus:after, [data-tooltip]:focus:after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px); }

.tooltip--top:before, .tooltip:before, [data-tooltip]:before {
  margin-bottom: -12px;
  border-top-color: rgba(0, 0, 20, 0.93); }

.tooltip--top:after, .tooltip:after, [data-tooltip]:after {
  margin-left: -91px; }

.tooltip--top:before, .tooltip:before, [data-tooltip]:before, .tooltip--top:after, .tooltip:after, [data-tooltip]:after {
  bottom: 100%;
  left: calc(50% - (15px / 2)); }

.tooltip--top:hover:before, .tooltip:hover:before, [data-tooltip]:hover:before, .tooltip--top:hover:after, .tooltip:hover:after, [data-tooltip]:hover:after, .tooltip--top:focus:before, .tooltip:focus:before, [data-tooltip]:focus:before, .tooltip--top:focus:after, .tooltip:focus:after, [data-tooltip]:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  -o-transform: translateY(-12px);
  transform: translateY(-12px); }

.tooltip--left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: rgba(0, 0, 20, 0.93); }

.tooltip--left:after {
  margin-left: 0;
  margin-bottom: -15px; }

.tooltip--left:before, .tooltip--left:after {
  right: 100%;
  bottom: calc(50% - (15px / 2));
  left: auto; }

.tooltip--left:hover:before, .tooltip--left:hover:after, .tooltip--left:focus:before, .tooltip--left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  -ms-transform: translateX(-12px);
  -o-transform: translateX(-12px);
  transform: translateX(-12px); }

.tooltip--bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: rgba(0, 0, 20, 0.93); }

.tooltip--bottom:before, .tooltip--bottom:after {
  top: 100%;
  bottom: auto;
  left: calc(50% - (15px / 2)); }

.tooltip--bottom:hover:before, .tooltip--bottom:hover:after, .tooltip--bottom:focus:before, .tooltip--bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px); }

.tooltip--right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: rgba(0, 0, 20, 0.93); }

.tooltip--right:after {
  margin-left: 0;
  margin-bottom: -15px; }

.tooltip--right:before, .tooltip--right:after {
  bottom: calc(50% - (15px / 2));
  left: 100%;
  right: auto; }

.tooltip--right:hover:before, .tooltip--right:hover:after, .tooltip--right:focus:before, .tooltip--right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  -ms-transform: translateX(12px);
  -o-transform: translateX(12px);
  transform: translateX(12px); }

.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin: 0 0 1.75em 0; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0; }

#algolia-search-modal {
  display: none; }
  #algolia-search-modal .search-icon {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #5d686f; }
  #algolia-search-modal .media-content {
    font-size: 0.95em; }
  #algolia-search-modal .search-input {
    box-sizing: border-box;
    padding: 0 130px 0 25px;
    margin: 0; }
  #algolia-search-modal .modal-header {
    padding-bottom: 8px; }
  #algolia-search-modal .modal-body {
    padding-top: 15px;
    height: calc(100% - 100px - 15px); }
  #algolia-search-modal .media:nth-child(n+2) {
    padding-top: 15px; }
  #algolia-search-modal hr {
    margin-top: 0; }
  #algolia-search-modal .results-count {
    line-height: 50px;
    color: #5d686f; }
  #algolia-search-modal .searchby-algolia {
    position: absolute;
    top: 15px;
    right: 45px; }
  #algolia-search-modal .searchby-algolia-text {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    height: 20px; }
  #algolia-search-modal .searchby-algolia-logo {
    display: inline-block;
    vertical-align: top;
    height: 20px; }
  #algolia-search-modal .no-result {
    display: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

pre > code {
  background: #f7f8f8;
  color: #333; }

code {
  background-color: #f7f8f8; }

.codeblock--tabbed figcaption .tab.active {
  background: #349ef3;
  color: white; }

figure.highlight,
.codeblock {
  background: #f7f8f8;
  color: #333; }
  figure.highlight figcaption,
  .codeblock figcaption {
    background: #f7f8f8;
    color: #999999; }
  figure.highlight .gutter,
  .codeblock .gutter {
    background: #f7f8f8;
    border-right-color: #e6e6e6; }
    figure.highlight .gutter .line,
    .codeblock .gutter .line {
      color: #aaaaaa; }
  figure.highlight .comment,
  .codeblock .comment {
    color: #969896; }
  figure.highlight .string,
  .codeblock .string {
    color: #183691; }
  figure.highlight .keyword,
  .codeblock .keyword {
    color: #a71d5d; }
  figure.highlight.apacheconf .code .common,
  figure.highlight.apacheconf .code .nomarkup,
  figure.highlight.apacheconf .code .attribute,
  figure.highlight.apacheconf .code .variable,
  figure.highlight.apacheconf .code .cbracket,
  figure.highlight.apacheconf .code .keyword,
  .codeblock.apacheconf .code .common,
  .codeblock.apacheconf .code .nomarkup,
  .codeblock.apacheconf .code .attribute,
  .codeblock.apacheconf .code .variable,
  .codeblock.apacheconf .code .cbracket,
  .codeblock.apacheconf .code .keyword {
    color: #0086b3; }
  figure.highlight.apacheconf .code .sqbracket,
  .codeblock.apacheconf .code .sqbracket {
    color: #df5000; }
  figure.highlight.apacheconf .code .section,
  figure.highlight.apacheconf .code .tag,
  .codeblock.apacheconf .code .section,
  .codeblock.apacheconf .code .tag {
    color: #63a35c; }
  figure.highlight.bash .code .shebang,
  .codeblock.bash .code .shebang {
    color: #969896; }
  figure.highlight.bash .code .literal,
  figure.highlight.bash .code .built_in,
  .codeblock.bash .code .literal,
  .codeblock.bash .code .built_in {
    color: #0086b3; }
  figure.highlight.bash .code .variable,
  .codeblock.bash .code .variable {
    color: #333; }
  figure.highlight.bash .code .title,
  .codeblock.bash .code .title {
    color: #795da3; }
  figure.highlight.coffeescript .code .title,
  .codeblock.coffeescript .code .title {
    color: #795da3; }
  figure.highlight.coffeescript .code .literal,
  figure.highlight.coffeescript .code .built_in,
  figure.highlight.coffeescript .code .number,
  .codeblock.coffeescript .code .literal,
  .codeblock.coffeescript .code .built_in,
  .codeblock.coffeescript .code .number {
    color: #0086b3; }
  figure.highlight.coffeescript .code .reserved,
  figure.highlight.coffeescript .code .attribute,
  .codeblock.coffeescript .code .reserved,
  .codeblock.coffeescript .code .attribute {
    color: #1d3e81; }
  figure.highlight.coffeescript .code .subst,
  figure.highlight.coffeescript .code .regexp,
  figure.highlight.coffeescript .code .attribute,
  .codeblock.coffeescript .code .subst,
  .codeblock.coffeescript .code .regexp,
  .codeblock.coffeescript .code .attribute {
    color: #df5000; }
  figure.highlight.cpp .code .preprocessor,
  figure.highlight.c .code .preprocessor,
  .codeblock.cpp .code .preprocessor,
  .codeblock.c .code .preprocessor {
    color: #df5000; }
  figure.highlight.cpp .code .meta-keyword,
  figure.highlight.c .code .meta-keyword,
  .codeblock.cpp .code .meta-keyword,
  .codeblock.c .code .meta-keyword {
    color: #a71d5d; }
  figure.highlight.cpp .code .title ,
  figure.highlight.c .code .title ,
  .codeblock.cpp .code .title ,
  .codeblock.c .code .title  {
    color: #795da3; }
  figure.highlight.cpp .code .number,
  figure.highlight.cpp .code .built_in,
  figure.highlight.c .code .number,
  figure.highlight.c .code .built_in,
  .codeblock.cpp .code .number,
  .codeblock.cpp .code .built_in,
  .codeblock.c .code .number,
  .codeblock.c .code .built_in {
    color: #0086b3; }
  figure.highlight.cs .code .preprocessor,
  figure.highlight.cs .code .preprocessor .keyword,
  .codeblock.cs .code .preprocessor,
  .codeblock.cs .code .preprocessor .keyword {
    color: #333; }
  figure.highlight.cs .code .title,
  .codeblock.cs .code .title {
    color: #795da3; }
  figure.highlight.cs .code .number,
  figure.highlight.cs .code .built_in,
  .codeblock.cs .code .number,
  .codeblock.cs .code .built_in {
    color: #0086b3; }
  figure.highlight.cs .code .xmlDocTag,
  figure.highlight.cs .code .doctag,
  .codeblock.cs .code .xmlDocTag,
  .codeblock.cs .code .doctag {
    color: #63a35c; }
  figure.highlight.css .code .at_rule,
  figure.highlight.css .code .important,
  figure.highlight.css .code .meta,
  .codeblock.css .code .at_rule,
  .codeblock.css .code .important,
  .codeblock.css .code .meta {
    color: #a71d5d; }
  figure.highlight.css .code .attribute,
  figure.highlight.css .code .hexcolor,
  figure.highlight.css .code .number,
  figure.highlight.css .code .function,
  .codeblock.css .code .attribute,
  .codeblock.css .code .hexcolor,
  .codeblock.css .code .number,
  .codeblock.css .code .function {
    color: #0086b3; }
  figure.highlight.css .code .attr_selector,
  figure.highlight.css .code .value,
  .codeblock.css .code .attr_selector,
  .codeblock.css .code .value {
    color: #333; }
  figure.highlight.css .code .id,
  figure.highlight.css .code .class,
  figure.highlight.css .code .pseudo,
  figure.highlight.css .code .selector-pseudo,
  .codeblock.css .code .id,
  .codeblock.css .code .class,
  .codeblock.css .code .pseudo,
  .codeblock.css .code .selector-pseudo {
    color: #795da3; }
  figure.highlight.css .code .tag,
  figure.highlight.css .code .selector-tag,
  .codeblock.css .code .tag,
  .codeblock.css .code .selector-tag {
    color: #63a35c; }
  figure.highlight.diff .code .chunk,
  figure.highlight.diff .code .meta,
  .codeblock.diff .code .chunk,
  .codeblock.diff .code .meta {
    color: #795da3;
    font-weight: bold; }
  figure.highlight.diff .code .addition,
  .codeblock.diff .code .addition {
    color: #55a532;
    background-color: #eaffea; }
  figure.highlight.diff .code .deletion,
  .codeblock.diff .code .deletion {
    color: #bd2c00;
    background-color: #ffecec; }
  figure.highlight.http .code .attribute,
  figure.highlight.http .code .attr,
  .codeblock.http .code .attribute,
  .codeblock.http .code .attr {
    color: #183691; }
  figure.highlight.http .code .literal,
  .codeblock.http .code .literal {
    color: #0086b3; }
  figure.highlight.http .code .request,
  .codeblock.http .code .request {
    color: #a71d5d; }
  figure.highlight.ini .code .title,
  figure.highlight.ini .code .section,
  .codeblock.ini .code .title,
  .codeblock.ini .code .section {
    color: #795da3; }
  figure.highlight.ini .code .setting,
  figure.highlight.ini .code .attr,
  .codeblock.ini .code .setting,
  .codeblock.ini .code .attr {
    color: #a71d5d; }
  figure.highlight.ini .code .value,
  figure.highlight.ini .code .keyword,
  .codeblock.ini .code .value,
  .codeblock.ini .code .keyword {
    color: #333; }
  figure.highlight.java .code .title,
  .codeblock.java .code .title {
    color: #795da3; }
  figure.highlight.java .code .javadoc,
  .codeblock.java .code .javadoc {
    color: #969896; }
  figure.highlight.java .code .meta,
  figure.highlight.java .code .annotation,
  figure.highlight.java .code .javadoctag,
  .codeblock.java .code .meta,
  .codeblock.java .code .annotation,
  .codeblock.java .code .javadoctag {
    color: #a71d5d; }
  figure.highlight.java .code .number,
  .codeblock.java .code .number {
    color: #0086b3; }
  figure.highlight.java .code .params,
  .codeblock.java .code .params {
    color: #1d3e81; }
  figure.highlight.js .code .built_in,
  figure.highlight.js .code .title,
  .codeblock.js .code .built_in,
  .codeblock.js .code .title {
    color: #795da3; }
  figure.highlight.js .code .javadoc,
  .codeblock.js .code .javadoc {
    color: #969896; }
  figure.highlight.js .code .tag,
  figure.highlight.js .code .javadoctag,
  .codeblock.js .code .tag,
  .codeblock.js .code .javadoctag {
    color: #a71d5d; }
  figure.highlight.js .code .tag .title,
  .codeblock.js .code .tag .title {
    color: #333; }
  figure.highlight.js .code .regexp,
  .codeblock.js .code .regexp {
    color: #df5000; }
  figure.highlight.js .code .literal,
  figure.highlight.js .code .number,
  .codeblock.js .code .literal,
  .codeblock.js .code .number {
    color: #0086b3; }
  figure.highlight.json .code .attribute,
  .codeblock.json .code .attribute {
    color: #183691; }
  figure.highlight.json .code .number,
  figure.highlight.json .code .literal,
  .codeblock.json .code .number,
  .codeblock.json .code .literal {
    color: #0086b3; }
  figure.highlight.mak .code .constant,
  .codeblock.mak .code .constant {
    color: #333; }
  figure.highlight.mak .code .title,
  .codeblock.mak .code .title {
    color: #795da3; }
  figure.highlight.mak .code .keyword,
  figure.highlight.mak .code .meta-keyword,
  .codeblock.mak .code .keyword,
  .codeblock.mak .code .meta-keyword {
    color: #0086b3; }
  figure.highlight.md .code .value,
  figure.highlight.md .code .link_label,
  figure.highlight.md .code .strong,
  figure.highlight.md .code .emphasis,
  figure.highlight.md .code .blockquote,
  figure.highlight.md .code .quote,
  figure.highlight.md .code .section,
  .codeblock.md .code .value,
  .codeblock.md .code .link_label,
  .codeblock.md .code .strong,
  .codeblock.md .code .emphasis,
  .codeblock.md .code .blockquote,
  .codeblock.md .code .quote,
  .codeblock.md .code .section {
    color: #183691; }
  figure.highlight.md .code .link_reference,
  figure.highlight.md .code .symbol,
  figure.highlight.md .code .code,
  .codeblock.md .code .link_reference,
  .codeblock.md .code .symbol,
  .codeblock.md .code .code {
    color: #0086b3; }
  figure.highlight.md .code .link_url,
  figure.highlight.md .code .link,
  .codeblock.md .code .link_url,
  .codeblock.md .code .link {
    text-decoration: underline; }
  figure.highlight.nginx .code .title,
  figure.highlight.nginx .code .attribute,
  .codeblock.nginx .code .title,
  .codeblock.nginx .code .attribute {
    color: #a71d5d; }
  figure.highlight.nginx .code .built_in,
  figure.highlight.nginx .code .literal,
  .codeblock.nginx .code .built_in,
  .codeblock.nginx .code .literal {
    color: #0086b3; }
  figure.highlight.nginx .code .regexp,
  .codeblock.nginx .code .regexp {
    color: #183691; }
  figure.highlight.nginx .code .variable,
  .codeblock.nginx .code .variable {
    color: #333; }
  figure.highlight.objectivec .code .preprocessor,
  figure.highlight.objectivec .code .meta,
  .codeblock.objectivec .code .preprocessor,
  .codeblock.objectivec .code .meta {
    color: #a71d5d; }
    figure.highlight.objectivec .code .preprocessor .title,
    figure.highlight.objectivec .code .meta .title,
    .codeblock.objectivec .code .preprocessor .title,
    .codeblock.objectivec .code .meta .title {
      color: #df5000; }
  figure.highlight.objectivec .code .meta-string,
  .codeblock.objectivec .code .meta-string {
    color: #183691; }
  figure.highlight.objectivec .code .title,
  .codeblock.objectivec .code .title {
    color: #795da3; }
  figure.highlight.objectivec .code .literal,
  figure.highlight.objectivec .code .number,
  figure.highlight.objectivec .code .built_in,
  .codeblock.objectivec .code .literal,
  .codeblock.objectivec .code .number,
  .codeblock.objectivec .code .built_in {
    color: #0086b3; }
  figure.highlight.perl .code .sub,
  .codeblock.perl .code .sub {
    color: #795da3; }
  figure.highlight.perl .code .title,
  .codeblock.perl .code .title {
    color: #795da3; }
  figure.highlight.perl .code .regexp,
  .codeblock.perl .code .regexp {
    color: #df5000; }
  figure.highlight.php .code .phpdoc,
  figure.highlight.php .code .doctag,
  .codeblock.php .code .phpdoc,
  .codeblock.php .code .doctag {
    color: #a71d5d; }
  figure.highlight.php .code .regexp,
  .codeblock.php .code .regexp {
    color: #df5000; }
  figure.highlight.php .code .literal,
  figure.highlight.php .code .number,
  .codeblock.php .code .literal,
  .codeblock.php .code .number {
    color: #0086b3; }
  figure.highlight.php .code .title,
  .codeblock.php .code .title {
    color: #795da3; }
  figure.highlight.python .code .decorator,
  figure.highlight.python .code .title,
  figure.highlight.python .code .meta,
  .codeblock.python .code .decorator,
  .codeblock.python .code .title,
  .codeblock.python .code .meta {
    color: #795da3; }
  figure.highlight.python .code .number,
  .codeblock.python .code .number {
    color: #0086b3; }
  figure.highlight.ruby .code .parent,
  figure.highlight.ruby .code .title,
  .codeblock.ruby .code .parent,
  .codeblock.ruby .code .title {
    color: #795da3; }
  figure.highlight.ruby .code .prompt,
  figure.highlight.ruby .code .constant,
  figure.highlight.ruby .code .number,
  figure.highlight.ruby .code .subst .keyword,
  figure.highlight.ruby .code .symbol,
  .codeblock.ruby .code .prompt,
  .codeblock.ruby .code .constant,
  .codeblock.ruby .code .number,
  .codeblock.ruby .code .subst .keyword,
  .codeblock.ruby .code .symbol {
    color: #0086b3; }
  figure.highlight.sql .built_in,
  .codeblock.sql .built_in {
    color: #a71d5d; }
  figure.highlight.sql .number,
  .codeblock.sql .number {
    color: #0086b3; }
  figure.highlight.xml .tag, figure.highlight.html .tag,
  .codeblock.xml .tag,
  .codeblock.html .tag {
    color: #333; }
  figure.highlight.xml .value, figure.highlight.html .value,
  .codeblock.xml .value,
  .codeblock.html .value {
    color: #183691; }
  figure.highlight.xml .attribute,
  figure.highlight.xml .attr, figure.highlight.html .attribute,
  figure.highlight.html .attr,
  .codeblock.xml .attribute,
  .codeblock.xml .attr,
  .codeblock.html .attribute,
  .codeblock.html .attr {
    color: #795da3; }
  figure.highlight.xml .title,
  figure.highlight.xml .name, figure.highlight.html .title,
  figure.highlight.html .name,
  .codeblock.xml .title,
  .codeblock.xml .name,
  .codeblock.html .title,
  .codeblock.html .name {
    color: #63a35c; }
  figure.highlight.puppet .title,
  .codeblock.puppet .title {
    color: #795da3; }
  figure.highlight.puppet .function,
  .codeblock.puppet .function {
    color: #0086b3; }
  figure.highlight.puppet .name,
  .codeblock.puppet .name {
    color: #a71d5d; }
  figure.highlight.puppet .attr,
  .codeblock.puppet .attr {
    color: #0086b3; }
  figure.highlight.less .tag,
  figure.highlight.less .at_rule,
  .codeblock.less .tag,
  .codeblock.less .at_rule {
    color: #a71d5d; }
  figure.highlight.less .number,
  figure.highlight.less .hexcolor,
  figure.highlight.less .function,
  figure.highlight.less .attribute,
  .codeblock.less .number,
  .codeblock.less .hexcolor,
  .codeblock.less .function,
  .codeblock.less .attribute {
    color: #0086b3; }
  figure.highlight.less .built_in,
  .codeblock.less .built_in {
    color: #df5000; }
  figure.highlight.less .id,
  figure.highlight.less .pseudo,
  figure.highlight.less .class,
  figure.highlight.less .selector-id,
  figure.highlight.less .selector-class,
  figure.highlight.less .selector-tag,
  .codeblock.less .id,
  .codeblock.less .pseudo,
  .codeblock.less .class,
  .codeblock.less .selector-id,
  .codeblock.less .selector-class,
  .codeblock.less .selector-tag {
    color: #795da3; }
  figure.highlight.scss .tag,
  figure.highlight.scss .at_rule,
  figure.highlight.scss .important,
  .codeblock.scss .tag,
  .codeblock.scss .at_rule,
  .codeblock.scss .important {
    color: #a71d5d; }
  figure.highlight.scss .number,
  figure.highlight.scss .hexcolor,
  figure.highlight.scss .function,
  figure.highlight.scss .attribute,
  .codeblock.scss .number,
  .codeblock.scss .hexcolor,
  .codeblock.scss .function,
  .codeblock.scss .attribute {
    color: #0086b3; }
  figure.highlight.scss .variable,
  .codeblock.scss .variable {
    color: #333; }
  figure.highlight.scss .built_in,
  .codeblock.scss .built_in {
    color: #df5000; }
  figure.highlight.scss .id,
  figure.highlight.scss .pseudo,
  figure.highlight.scss .class,
  figure.highlight.scss .preprocessor,
  figure.highlight.scss .selector-class,
  figure.highlight.scss .selector-id,
  .codeblock.scss .id,
  .codeblock.scss .pseudo,
  .codeblock.scss .class,
  .codeblock.scss .preprocessor,
  .codeblock.scss .selector-class,
  .codeblock.scss .selector-id {
    color: #795da3; }
  figure.highlight.scss .tag,
  figure.highlight.scss .selector-tag,
  .codeblock.scss .tag,
  .codeblock.scss .selector-tag {
    color: #63a35c; }
  figure.highlight.stylus .at_rule,
  .codeblock.stylus .at_rule {
    color: #a71d5d; }
  figure.highlight.stylus .tag,
  figure.highlight.stylus .selector-tag,
  .codeblock.stylus .tag,
  .codeblock.stylus .selector-tag {
    color: #63a35c; }
  figure.highlight.stylus .number,
  figure.highlight.stylus .hexcolor,
  figure.highlight.stylus .attribute,
  figure.highlight.stylus .params,
  .codeblock.stylus .number,
  .codeblock.stylus .hexcolor,
  .codeblock.stylus .attribute,
  .codeblock.stylus .params {
    color: #0086b3; }
  figure.highlight.stylus .class,
  figure.highlight.stylus .id,
  figure.highlight.stylus .pseudo,
  figure.highlight.stylus .title,
  figure.highlight.stylus .selector-id,
  figure.highlight.stylus .selector-pseudo,
  figure.highlight.stylus .selector-class,
  .codeblock.stylus .class,
  .codeblock.stylus .id,
  .codeblock.stylus .pseudo,
  .codeblock.stylus .title,
  .codeblock.stylus .selector-id,
  .codeblock.stylus .selector-pseudo,
  .codeblock.stylus .selector-class {
    color: #795da3; }
  figure.highlight.go .typename,
  .codeblock.go .typename {
    color: #a71d5d; }
  figure.highlight.go .built_in,
  figure.highlight.go .constant,
  .codeblock.go .built_in,
  .codeblock.go .constant {
    color: #0086b3; }
  figure.highlight.swift .preprocessor,
  .codeblock.swift .preprocessor {
    color: #a71d5d; }
  figure.highlight.swift .title,
  .codeblock.swift .title {
    color: #795da3; }
  figure.highlight.swift .built_in,
  figure.highlight.swift .number,
  figure.highlight.swift .type,
  .codeblock.swift .built_in,
  .codeblock.swift .number,
  .codeblock.swift .type {
    color: #0086b3; }
  figure.highlight.yml .line .attr,
  .codeblock.yml .line .attr {
    color: #63a35c; }
  figure.highlight.yml .line,
  figure.highlight.yml .string,
  figure.highlight.yml .type,
  figure.highlight.yml .literal,
  figure.highlight.yml .meta,
  .codeblock.yml .line,
  .codeblock.yml .string,
  .codeblock.yml .type,
  .codeblock.yml .literal,
  .codeblock.yml .meta {
    color: #183691; }
  figure.highlight.yml .number,
  .codeblock.yml .number {
    color: #0086b3; }

/*
// Default code block
pre > code {
    background: ;
    color: ;
}

// Default inline code
code {
    background-color: ;
}

// Tabbed code block tab
// If your theme is dark then use a lighter background
// to see clearly which tab is active
.codeblock--tabbed figcaption .tab.active {
    background: ;
    color: ;
}

// highlight code block
figure.highlight,
.codeblock {
    background: ;
    color: ;

    figcaption {
        background: ;
        color: ;
    }
    .gutter {
        background: ;
        border-right-color: ;
        .line {
            color: ;
        }
    }
    // PUT YOUR THEME HERE

}
*/
